<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.a1{
				display:none;
				position: absolute;
				left: 40px;
				top: 0px;
				background: #0000FF;
				
			}
			.ull{
				position: relative;
			}
			
			li{
				display: inline-block;
			}
			
			#ll:checked~.ull>.a1{
				display: inline-block;
			}
			#lll:checked~.bt .a{
				background: skyblue;
			}
		</style>
	</head>
	<body>
		<input  checked="checked"  type="radio" name="la" id="lll" value=""/>
		<input  type="radio" name="la" id="ll" value=""/>
		<ul class="bt">
			<label for="lll">
			<li class="a">111111</li>
			</label>
			
			
			<label for="ll">
			<li class="a12">2222</li>
			</label>
			<li></li>
			<li></li>
		</ul>
		<ul class="ull">
			<li class="a2">1111</li>
			<li class="a1">365</li>
			
		</ul>
		<script type="text/javascript">
				var str="?username=admin&psw=admin123&sex=0&validity=1";
			function getString(str){
				var str = str.slice(1);
				var str1 = str.split("&")
				var obj={};
				var arr1 = [];
				var arr2=[];
					for (var i =0;i<str1.length;i++) {
						arr1=str1[i].split("=");
						arr2.push(arr1);
					}
					for (var j=0;j<arr2.length;j++) {
						obj[arr2[j][0]]=arr2[j][1];
					}
				return obj;
			}
			//下面代码请勿更改
			var objStr = JSON.stringify(getString(str), null, 4);
			var html = objStr.replace(/\n/g, '<br>').replace(/\s/g, '&nbsp');
			document.body.innerHTML=html;
		</script>
	</body>
</html>
